<template>
    <div id="app">
        <Layout></Layout>
    </div>
</template>

<script>
    import Layout from './components/layout.vue'
    import LoadingFullpage from './components/loading_fullpage.vue'

    export default {
        components: {
            LoadingFullpage,
            Layout,
        },
        computed: {
            bodyClassName() {
                return this.$store.state.common.bodyClassName;
            }
        },
        created() {
            this.$watch('bodyClassName', (newVal, _) => {
                document.body.className = newVal;
            });
        },
        methods: {

        }
    }
</script>

<style lang="less">
    @import "../node_modules/normalize.css/normalize.css";

    html,body{height:100%;}
    body {
        font-family: -apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
    }
    .dark {
        background: #e1e1e1;
    }
    .light {
        background: #fff;
    }

    #app {
        height: 100%;
    }
</style>
